<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="__STATIC__/mobile/css/common.css" />
    <link rel="stylesheet" href="__STATIC__/mobile/css/about_us.css" />
    <title>合作学校</title>
</head>

<body>
    <div class="about_us">
        <div class="about_box block">
            <div class="about_list">
                <div class="about_title">
                    <h6>{$title ?: '合作学校'}</h6>
                    <img src="__STATIC__/mobile/img/icon-red-dotted.png" alt="" />
                </div>
                <div class="cooper_school border-none">
                    <ul>
                        {foreach $db as $v}
                        <li>{$v.content.title ?: ''}</li>
                        {/foreach}
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <script src="__STATIC__/mobile/js/rem.js"></script>
    <script src="__STATIC__/mobile/js/jquery-3.3.1.min.js"></script>
    <script>
        $('#show').on('click', function() {
            $('.left_navigation').addClass('hide')
            $('#hide').addClass('show')
        })
        $('#hide').on('click', function() {
            $('.left_navigation').removeClass('hide')
            $('#hide').removeClass('show')
        })
    </script>
</body>

</html>